import { login, getInfo, logout } from "@/api/user";
import { getToken, setToken, removeToken, clearLocalData } from "@/utils/auth";
import router, { resetRouter } from "@/router";

const state = {
	token: getToken(),
	name: "",
	avatar: "",
	introduction: "",
	roles: []
};

const mutations = {
	SET_TOKEN: (state, token) => {
		state.token = token;
	},
	SET_INTRODUCTION: (state, introduction) => {
		state.introduction = introduction;
	},
	SET_NAME: (state, name) => {
		state.name = name;
	},
	SET_AVATAR: (state, avatar) => {
		state.avatar = avatar;
	},
	SET_ROLES: (state, roles) => {
		state.roles = roles;
	}
};

const actions = {
	// user login
	login({ commit }, userInfo) {
		const { username, password } = userInfo;
		return new Promise((resolve, reject) => {
			login({ username: username.trim(), password: password })
				.then(response => {
					const { data } = response;
					commit("SET_TOKEN", data.token);
					setToken(data.token);
					resolve();
				})
				.catch(error => {
					reject(error);
				});
		});
	},

	// get user info
	getInfo({ commit, state }) {
		return new Promise((resolve, reject) => {
			getInfo(state.token)
				.then(response => {
					const { data } = response;

					if (!data) {
						reject(new Error("Verification failed, please Login again."));
					}

					const { roles, name, avatar, introduction } = data;

					// roles must be a non-empty array
					if (!roles || roles.length <= 0) {
						reject(new Error("getInfo: roles must be a non-null array!"));
					}

					commit("SET_ROLES", roles);
					commit("SET_NAME", name);
					commit("SET_AVATAR", avatar);
					commit("SET_INTRODUCTION", introduction);
					resolve(data);
				})
				.catch(error => {
					reject(error);
				});
		});
	},

	// user logout
	logout({ commit, state, dispatch }) {
		return new Promise((resolve, reject) => {
			logout(state.token)
				.then(() => {
					commit("SET_TOKEN", "");
					commit("SET_ROLES", []);
					removeToken();
					resetRouter();
					clearLocalData();
					resolve();
				})
				.catch(error => {
					reject(error);
				});
		});
	},

	// remove token
	resetToken({ commit }) {
		return new Promise(resolve => {
			commit("SET_TOKEN", "");
			commit("SET_ROLES", []);
			removeToken();
			clearLocalData();
			resolve();
		});
	},

	// dynamically modify permissions
	async changeRoles({ commit, dispatch }, role) {
		const token = role + "-token";

		commit("SET_TOKEN", token);
		setToken(token);

		const { roles } = await dispatch("getInfo");
		resetRouter();
		// generate accessible routes map based on rolesc
		const accessRoutes = await dispatch("permission/generateRoutes", roles, { root: true });
		// dynamically add accessible routes
		router.addRoutes(accessRoutes);
	}
};

export default {
	namespaced: true,
	state,
	mutations,
	actions
};
